<!-- 
本地存储的作用：
-用户的会话(session)信息(如用户的登录信息，购物车数据)
-用户的个性化设置(如网站设置)
-保存临时数据(如一些中间过程的数据)
-缓存(如缓存后端接口的数据，可以减少对后端服务器的压力)
-纪录分析用户行为


cookie
-单条大小4096字节(byte)(4kb)
-单个域下的cookie数量有限，20个
-可以跨页面、浏览器生存周期存在
-可以设置域、路径、过期时间
-优势几乎所有浏览器都支持，但某些浏览器的隐私模式下不能使用

localStorage
-单个域下存储最多存储5MB，如果空间用满，继续存储将会失败，必须删掉一些东西才能继续保存
-浏览器的隐私模式下，localStorage不能读取到现有数据

localStorage方法：
setltem(key,value)-写数据       key,value都是字符串
getltem(key)-读数据
removeltem(key)-删除数据
clear()-清空数据
CRUD-Create/Read/Update/Delete-增删改查

localStorage.setltem('name','张三')返回值是undefined//增和改
localStorage.setltem('name','张三丰')返回值是undefined
localStorage.getltem('name')返回值是张三丰//查
localStorage.removeltem('name')//delete
localStorage.clear()//清空

字符串序列化：localStorage.(key,JSON.stringify(obj/arr))将对象转成字符串
反序列化：JSON.parse(localStorage.getltem(key))将JSON字符串转化成对象
 例： localStorage.(x,JSON.stringify({x:100}))返回'{"x":100}'
      JSON.parse(localStorage.getltem('{"x":100}'))返回({x:100}

local本地 Storage存储
session会话 Storage存储

sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除,其他与localStorage相同
      
 -->

<button id="btn">插入1mb数据</button>
<script>
    //5mb
const btn=document.getElementById("btn");
let i=0;
//++i先加后取值 i++先取值，后加
btn.onclick=()=>{
    localStorage.setItem(i++,"a".repeat(1024*1024-1))
}


</script>